<template>
    <div class="Ppublic" >
        <ul id="Left-menu">
           <li class="myself">个人中心</li>
           <li>
               <strong>交易管理</strong><strong>></strong>
            </li>
            <li>
                <router-link to="/home/P_zhanghu">我的账户</router-link>
            </li>
            <li>
                <router-link to="/home/P_order">我的订单</router-link>
            </li>
            <li>
                <router-link to="/home/P_integral">我的积分</router-link>
            </li>
            <li>
                <router-link to="/home/P_intorder">积分订单</router-link>
            </li>
            <li>
                <router-link to="/home/P_money">我的钱包</router-link>
            </li>
           <li>
               <strong>会员资料</strong><strong>></strong>
            </li>
            <li>
                <router-link to="/home/P_material">个人资料</router-link>
            </li>
            <li>
                <router-link to="/home/P_addmanage">地址管理</router-link>
            </li>
            <li>
                <router-link to="/home/P_collect">我的收藏</router-link>
            </li>
            <li>
                <router-link to="/home/P_recentbrowing">最近浏览</router-link>
            </li>
            <li>
                <router-link to="/home/P_changemima">修改密码</router-link>
            </li>
           <li>
               <strong>站内信</strong><strong>></strong>
            </li>
            <li>
                <router-link to="/home/P_news">我的消息</router-link>
                
            </li>
            <li>
                <router-link to="/home/P_feedback">意见反馈</router-link>
            </li>
        </ul>
        <div class="rightCon">
            <router-view/>
        </div>
    </div>
</template>
<script>
export default {
    name:"public",
    props:{
        // msg:String
    },
}
</script>
<style scoped>
@import '../assets/css/reset.css';


#Left-menu{
    margin-left:16.7%;
    width:10%;
    border:1px solid #e7e7e7;
    float: left;
    display:inline-block;
}
#Left-menu .myself{
    padding:12px 13px;
    border-bottom: 1px solid #e7e7e7;
}
#Left-menu li{
    font-size: 14px;
    padding:5px 13px;
}
#Left-menu li:last-child{
    margin-bottom: 6px;
}
#Left-menu a{
    color:#bfbfbf;
}
#Left-menu a:hover{
    color:#16dcb8;
}
#Left-menu .router-link-active{
   color:#16dcb8;
   border-bottom:1px solid #16dcb8;
}
.rightCon{
    width:56.5%;
    margin-left:28.5%;
   }
</style>